<template>
  <div>
    {{$store.state.msg}}
  </div>
  <div>
    {{$store.getters.myMsg}}
  </div>
  <div>
    {{$store.state.user.uname}}
  </div>
  <button @click='handleClick'>点击</button>
</template>
<script>
import { useStore } from 'vuex'

export default {
  name: 'App',
  setup () {
    // 获取Store的数据
    const store = useStore()
    // console.log(this.$store.state.msg)
    console.log(store.state.msg)

    const handleClick = () => {
      // store.commit('updateMsg', 'hi')
      store.dispatch('updateMsg', 'nihao')
      store.commit('user/updateUname', 'zhangsan')
    }
    return { handleClick }
  }
}
</script>
